<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数据服务</title>
  <link rel="stylesheet" href="../assets/plugins/bootstrap/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../assets/css/base.css"/>
  <link rel="stylesheet" href="../assets/css/dataService.css"/>
  <script src="../assets/plugins/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/js/public.js"></script>
  <script src="../assets/plugins/echarts.min.js"></script>
</head>
<body>


<header class="head index-head">
  <div class="center-block">
    <div class="head-top clearfix">
      <div class="pull-left logo">
        <a href="../index.html"><img src="../assets/images/logo.png" alt=""></a>
      </div>
      <div class="pull-right">
        <p class="headDes"><a href="#">登录</a> | <a href="../helpCenter/helpCenter.html">帮助中心</a></p>
      </div>
    </div>

    <ul class="headNav clearfix">
      <li><a href="../index.html">首页</a></li>
      <li><a href="../govService/govList.html">政务服务</a></li>
      <li><a target="_blank" href="../projectApproval/index.html">项目审批</a></li>
      <li><a href="../information/infoList.html">信息公开</a></li>
      <li><a target="_blank" href="../agency/index.html">中介服务</a></li>
      <li class="active"><a href="../dataService/center.html">数据服务</a></li>
    </ul>
  </div>
</header>



<div class="body">
  
  <section class="data-banner">
    
    
    <div class="banner-search">
      
      <ul class="banner-list clearfix">
        <li data-url="compList.html" class="active">查企业</li>
        <li data-url="personList.html">查人员</li>
        <li data-url="projectList.html">查项目</li>
        <li data-url="">查信用</li>
      </ul>
      
      <div class="indexSearchBox">
        <div class="input-group">
            <span class="input-group-btn">
						  <i class="inSearchFdj dtFont dtFont-sousuo"></i>
					  </span>
          <input type="text" placeholder="请输入您要查询的事项" class="form-control">
          <span class="input-group-btn">
						<button id="search" class="btn btn-default" type="button">搜索</button>
					</span>
        </div>
      </div>
      <script>
        $('#search').click(function () {
          var url = $('.banner-list').find('.active').data('url');
          if(url){
            window.location.href = url
          }else {
            alert('页面尚未开发，敬请期待！')
          }
        })
      </script>
      
      <div class="banner-tag">
        <p>热门搜索：<a href="#">莒南县建筑设计院</a><a href="#">朝阳市顺达水利工程设计有限公司</a><a href="#">郓城县建筑设计院</a></p>
      </div>
    </div>
  </section>

  <section class="plate4 center-block">

    <div style="padding: 0 30px;background: white">
      <ul class="plate4Tab clearfix">
        <li class="active"><span>企业</span></li>
        <li><span>人员</span></li>
        <li><span>项目</span></li>
        <li><span>信用</span></li>
      </ul>
    </div>



    <div class="plate4Box">
      <section class="active">
        <div class="renyShu">
          <h4 class="blue-title">各类型企业数量统计 <small>(家)</small></h4>
          <ul class="renyShu-in">
            <li><p>累计企业总数</p><p>26,028</p></li>
            <li><p>建筑业企业</p><p>10,543</p></li>
            <li><p>勘察企业</p><p>178</p></li>
            <li><p>设计企业</p><p>2028</p></li>
            <li><p>监理企业</p><p>228</p></li>
            <li><p>工程质量检测机构</p><p>228</p></li>
            <li><p>造价咨询企业</p><p>288</p></li>
          </ul>


        </div>
        <div class="renyShuBot clearfix">
          <div class="renyShuBotL">
            <h4 class="blue-title">入驻数量</h4>
            <div class="echarts-1" id="bar1">

            </div>
          </div>
          <div class="renyShuBotR">
            <h4 class="blue-title">企业注册地分布</h4>
            <div class="echarts-2" id="map1">

            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="renItem clearfix">
          <div class="renItemL">
            <h4 class="blue-title">男女比例统计</h4>
            <div class="echarts-1" style="width: 357px" id="pie1">

            </div>
          </div>
          <div class="renItemR">
            <h4 class="blue-title">人员资格证书数量统计(排行)</h4>
            <div class="echarts-2" style="width: 752px" id="bar2">

            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="renItem clearfix">
          <div class="renItemL" style="width: 740px;">
            <h4 class="blue-title">各项目类型数量统计(排行)</h4>
            <div class="echarts-1" id="bar3"  style="width: 740px">

            </div>
          </div>
          <div class="renItemR" style="width: 370px;">
            <h4 class="blue-title">企业注册地分布热力图</h4>
            <div class="echarts-2" id="map2" style="width: 370px">

            </div>
          </div>
        </div>
      </section>
      <section style="padding-top: 150px">
        <div class="noData"></div>
      </section>
    </div>
  
  
  
  </section>

  <div class="data-view">
      <div class="center-block">

        <h3 class="circular-title">数据可视化</h3>
        <ul class="data-view-ul clearfix">
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>

          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>

          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>
          <li>
            <div class="echartsBox">
              <img src="../assets/images/demo/dem1.png" alt="">
            </div>
            <div class="echartsDes">
              <h4>宏观经济分析</h4>
              <h5>莫唯尘</h5>
              <p><span>宏观经济</span><span>国家经济</span></p>
            </div>
          </li>

        </ul>
      </div>
  </div>
</div>

<footer class="footer">
  <div class="footer-bottom">
    <div class="center-block">
      <div class="foot-info clearfix">
        <div class="foot-info-link clearfix">
          <div class="link-list">
            <h3>网站导航</h3>
            <a href="../index.html">首页</a>
            <a href="../govService/govList.html" target="_blank">政务服务</a>
            <a href="../projectApproval/index.html" target="_blank">项目审批</a>
            <a href="../information/infoList.html" target="_blank">信息公开</a>
            <a href="../agency/index.html" target="_blank">中介服务</a>
            <a href="../dataService/center.html" target="_blank">数据服务</a>
          </div>
          <div class="link-list">
            <h3>帮助中心</h3>
            <a href="#">关于江西住建云</a>
            <a href="#">网站地图</a>
            <a href="#">项在线客服</a>
          </div>
          <div class="link-list">
            <h3>联系我们</h3>
            <div>技术咨询电话：0551-64395189转1</div>
            <div>技术咨询QQ1群：558140251</div>
            <div>技术咨询QQ2群：567060168</div>
          </div>
        </div>
        <div class="foot-info-code clearfix">
          <h3>更多服务</h3>
          <div class="code-list">
            <div class="code-card">
              <img src="../assets/images/notice/Alipay.png" alt="">
            </div>
            <p>支付宝小程序</p>
          </div>
          <div class="code-list">
            <div class="code-card">
              <img style="position:relative;top: -3px;" src="../assets/images/notice/WeChat.png" alt="">
            </div>
            <p>微信小程序</p>
          </div>
          <div class="code-list">
            <div class="code-card">
              <img src="../assets/images/notice/publicNumber.png" alt="">
            </div>
            <p>微信公众号</p>
          </div>
        </div>
      </div>
      <ul class="clearfix">
        <li>网站链接</li>
        <li><a href="http://www.mohurd.gov.cn/">住房和城乡建设部</a></li>
        <li><a href="http://jzsc.mohurd.gov.cn/">全国建筑市场监管公共服务平台</a></li>
        <li><a href="http://www.jxzwfww.gov.cn/">江西政务服务网</a></li>
        <li><a href="http://www.creditjx.gov.cn/">信用中国（江西）</a></li>
        <li><a href="http://www.jxjst.gov.cn/">江西省住房和城乡建设厅</a></li>
      </ul>
      <p>
        <span>主办：江西省住房和城乡建设厅</span>
        <span>承办：江西省建设信息中心</span>
        <span>备案序号：赣ICP备05008043号-1</span>
      </p>
      <p>
        <span>赣公网安备 36010802000185号</span>
      </p>
    </div>
  </div>
</footer>

<script src="../assets/js/centerChart.js"></script>

<script>
  Tab('.banner-list','li');

  // Tab('.plate4Tab','li','.plate4Box','section');


</script>



</body>
</html>
